<template>
  <!-- Vue3中可以写多个根标签 -->
  <Person a="哈哈" :list="personList" />
  <!-- :list 后面跟的是表达式 ref = 'dfasf' 表示标签 -->
</template>

<script lang="ts" setup name="App">
//JS 或 TS
//把组建的配置对象导出  --暴露
import { reactive } from "vue";
import Person from "./components/Person.vue";
import { type Persons } from "./types";

//传泛型
let personList = reactive<Persons>([
  { id: "sdfasdfa", name: "zs", age: 12 },
  { id: "sdfasdfa", name: "ls", age: 44 },
  { id: "sdfasdfa", name: "ww", age: 22 },
]);
</script>
<style>
/* 样式 */
</style>
